<template>
	<view class="wrapper">
		<uni-nav-bar leftIcon="back" @clickLeft='$back' rightText="完成" title="谁可以看" @clickRight="changeAlert" backgroundColor="#f3f3f3"></uni-nav-bar>
		<view class="main">
			<view class="user_box center">
				<image src="../../static/find/radio.png" mode="aspectFill" class="radio_img"></image>
				<view class="flex">
					<view class="f28">
						公开
					</view>
					<view class="f22 c999">
						所有朋友可见
					</view>
				</view>
			</view>
			<view class="user_box center">
				<image src="../../static/find/radio.png" mode="aspectFill" class="radio_img"></image>
				<view class="flex">
					<view class="f28">
						私密
					</view>
					<view class="f22 c999">
						仅自己可见
					</view>
				</view>
			</view>
			<view class="user_box center">
				<image src="../../static/find/isradio.png" mode="aspectFill" class="radio_img"></image>
				<view class="flex">
					<view class="f28">
						部分可见
					</view>
					<view class="f22 c999">
						选中的朋友可见
					</view>
				</view>
			</view>
			<!-- 朋友列表 -->
			<view class="user_box center user_group">
				<image src="../../static/find/isradio.png" mode="aspectFill" class="radio_img"></image>
				<view class="flex">
					<view class="f28">
						同事(2)
					</view>
					<view class="f22 c999">
						蒲公英，一点小情绪
					</view>
				</view>
				<image src="../../static/find/more.png" mode="aspectFill" class="more_img"></image>
			</view>
			<view class="user_box center user_group">
				<image src="../../static/find/isradio.png" mode="aspectFill" class="radio_img"></image>
				<view class="flex">
					<view class="f28">
						同事(2)
					</view>
					<view class="f22 c999">
						蒲公英，一点小情绪
					</view>
				</view>
				<image src="../../static/find/more.png" mode="aspectFill" class="more_img"></image>
			</view>
			<view class="user_box center">
				<image src="../../static/find/isradio.png" mode="aspectFill" class="radio_img"></image>
				<view class="flex">
					<view class="f28">
						不给谁看
					</view>
					<view class="f22 c999">
						选中的朋友不可见
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
	export default {
		data() {
			return {
				
			};
		},
		components: { uniNavBar },
		onShow() {
			
		},
		onLoad() {
			
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
.user_group{
	padding-left: 90rpx!important;
	.more_img{
		width:40rpx;
		height:40rpx;
		margin: 0 40rpx;
	}
}
.user_box{
	background: #FFFFFF;
	border-bottom: 1rpx solid #E0E0E0;
	padding: 26rpx 0;
	.f28{
		margin-bottom: 10rpx;
	}
	.radio_img{
		width:45rpx;
		height:45rpx;
		margin: 0 20rpx 0 30rpx;
	}
}
page{
	background: #F3F3F3;
}
</style>
